<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图片上传</title>
    <link rel="stylesheet" href="assets/css/upload.css">
</head>
<body>
    <!-- 密码验证层 -->
    <div class="password-layer" id="passwordLayer">
        <div class="password-box">
            <h2>请输入访问密码</h2>
            <input type="password" id="passwordInput" placeholder="请输入密码">
            <button id="submitPassword">确认</button>
        </div>
    </div>

    <!-- 上传界面 -->
    <div class="upload-container" id="uploadContainer" style="display: none;">
        <div class="header">
            <h1>图片上传</h1>
            <p class="subtitle">城乡手牵手，助乡村振兴（阿杜走乡村，邀您共享年猪宴）</p>
        </div>

        <div class="upload-area" id="uploadArea">
            <div class="upload-icon">
                <svg t="1702305563576" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M554.666667 640v-256H384l128-128 128 128h-170.666667v256h85.333334z" fill="#1890ff"></path></svg>
            </div>
            <p class="upload-text">点击或拖拽图片到此处上传</p>
            <input type="file" id="fileInput" accept="image/*" multiple>
        </div>

        <div class="preview-list" id="preview"></div>
    </div>

    <script src="assets/js/upload.js"></script>
</body>
</html> 